<template>
  <div id="app">
	<div style="height: 150px; background: skyblue;">轮播图</div>
    <ul class="nav">
		<router-link to="/home" tag="li" active-class="on">首页</router-link>
		<router-link to="/goods" tag="li" active-class="on">商品</router-link>
		<router-link to="/mine" tag="li" active-class="on">我的</router-link>
    </ul>
	<router-view></router-view>
  </div>
</template>

<script>
	
</script>

<style lang="scss">
	.nav{
		width: 100%;
		display: flex;
		border-top: 0.5px solid black;
		position: fixed;
		bottom: 0;
		li{
			font-size: 1.25rem;
			flex: 1;
			text-align: center;
			justify-content: space-around;
			padding: 5px 0;
		}
	}
	.on{
		background-color: aliceblue;
		color: orange;
	}
</style>